<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // localStorage 和session的区别
    // localStorage的生命周期是永久的，关闭页面或浏览器之后localStorage中的数据也不会消失。
    // localStorage除非主动删除数据，否则数据永远不会消失。

    // sessionStorage的生命周期是仅在当前窗口会话下有效,关闭会话窗口就失效了。 (同网站,同窗口)
    // sessionStorage引入了一个“浏览器窗口会话”的概念，sessionStorage是在同源(同一个域名下)的窗口中始终存在的数据。
    // 只要这个浏览器窗口没有关闭，即使刷新页面或者进入同源(同一个服务器目录/相同的网站)另一个页面，数据依然存在。
    // 但是sessionStorage在关闭了浏览器窗口后就会被销毁。同时独立的打开新的窗口但是同一个页面，sessionStorage也是不一样的。
    // sessionStorage => 新增浏览器窗口会话,数据和浏览器窗口绑定, 浏览器窗口关闭就过期
    // (1) 同窗口,同网站(站点)数据可以共享,
    // (2) 同窗口,不同网站 => 不能共享(数据不能跨网站)
    // (3) 同网站(同一个页面),不同窗口 => (数据页不能共享)

</script>

</html>